<!DOCTYPE html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <title>杭州电子科技大学  新生生活信息调查表</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" type="text/css" href="/assets/activity/questionnaire/css/common.css?v={BEESCRM:$time}">
    <link rel="stylesheet" type="text/css" href="/assets/activity/questionnaire/css/index.css?v={BEESCRM:$time}">
    <link rel="stylesheet" type="text/css" href="/assets/activity/questionnaire/css/font.css?v={BEESCRM:$time}">
    <link rel="stylesheet" type="text/css" href="/assets/activity/questionnaire/css/swiper.min.css?v={BEESCRM:$time}">
    <link rel="stylesheet" href="/assets/bower_components/sweetalert/lib/sweet-alert.css?v={BEESCRM:$time}">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
<style>
    .test-box .test-title {
        color: #333;
        font-size: 14px;
        padding: 10px 0;
    }
</style>
<div class="wraper">
    <div class="head tb-mode">
        <a href="javascript:history.go(-1);" class="iconfont icon-zuo tb-cell"></a>
        <span class="head-name tb-cell">杭州电子科技大学<br>新生生活信息调查表</span>
        <a href="#" class="iconfont icon-geren tb-cell text-right"></a>
    </div>
    <br/>

    <div class="contain-box">
        <div class="test-box show">
            <div class="test-title">
                考&nbsp;&nbsp;&nbsp;&nbsp;生&nbsp;&nbsp;&nbsp;&nbsp;号：
                <input id="input_3" type="text" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;" placeholder="请输入您的考生号">
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">
                姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：
                <input id="input_1" type="text" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;" readonly placeholder="请输入您的姓名">
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">
                手&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;&nbsp;&nbsp;&nbsp;号：
                <input id="input_2" type="text" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;" placeholder="请输入您的手机号">
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">
                生&nbsp;源&nbsp;类&nbsp;型：
                <select id="option_2" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;">
                    <option data-id="0" value="">请选择生源类型</option>
                    <option data-id="1" value="浙江省考生">浙江省考生</option>
                    <option data-id="2" value="非浙江省考生">非浙江省考生</option>
                </select>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">
                学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;院：
                <select id="option_1" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;">
                    <option data-id="0" value="">请选择学院</option>
                    <option data-id="1" value="机械工程学院">机械工程学院</option>
                    <option data-id="2" value="电子信息学院、微电子学院">电子信息学院、微电子学院</option>
                    <option data-id="3" value="通信工程学院">通信工程学院</option>
                    <option data-id="4" value="自动化学院">自动化学院</option>
                    <option data-id="5" value="计算机学院">计算机学院</option>
                    <option data-id="6" value="材料与环境工程学院">材料与环境工程学院</option>
                    <option data-id="7" value="生命信息与仪器工程学院">生命信息与仪器工程学院</option>
                    <option data-id="8" value="理学院">理学院</option>
                    <option data-id="9" value="经济学院">经济学院</option>
                    <option data-id="10" value="管理学院">管理学院</option>
                    <option data-id="11" value="会计学院">会计学院</option>
                    <option data-id="12" value="外国语学院">外国语学院</option>
                    <option data-id="13" value="数字媒体与艺术设计学院">数字媒体与艺术设计学院</option>
                    <option data-id="14" value="人文与法学院">人文与法学院</option>
                    <!--<option data-id="15" value="马克思主义学院">马克思主义学院</option>-->
                    <option data-id="16" value="卓越学院">卓越学院</option>
                    <!--<option data-id="17" value="国际教育学院">国际教育学院</option>-->
                    <option data-id="18" value="网络空间安全学院、浙江保密学院">网络空间安全学院、浙江保密学院</option>
                </select>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业：
                <select id="option_4" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;">
                    <option value="">请先选择生源类型和学院</option>
                </select>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">1.是否订购学生专用床上用品？（提交后进入学生专用床上用品订购）</div>
            <div class="answer tb-mode clearfix only-title" id="radio_1">
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="是"><div class="option">是</div></div>
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="否"><div class="option">否</div></div>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">2.是否租赁寝室空调？（人均每年99元，电费自理）</div>
            <div class="answer tb-mode clearfix only-title" id="radio_2">
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="是"><div class="option">是</div></div>
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="否"><div class="option">否</div></div>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">3.是否使用饮水机？（免费使用，押金40元）</div>
            <div class="answer tb-mode clearfix only-title" id="radio_3">
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="是"><div class="option">是</div></div>
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="否"><div class="option">否</div></div>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">4.是否身体不方便走楼梯？</div>
            <div class="answer tb-mode clearfix only-title" id="radio_5">
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="是"><div class="option">是</div></div>
                <div class="tb-cell answer-list single list-check" onclick='return toggle(this);' data-value="否"><div class="option">否</div></div>
            </div>
        </div>
        <div class="test-box show">
            <div class="test-title">5.是否身高超过1.85米？（据实填写）</div>
            <div class="answer tb-mode clearfix only-title" id="radio_4">
                <div class="tb-cell answer-list single" onclick='return toggle(this);' data-value="是"><div class="option">是</div></div>
                <div class="tb-cell answer-list single list-check" onclick='return toggle(this);' data-value="否"><div class="option">否</div></div>
            </div>
        </div>
        <div class="test-box show" id="stature" style="display: none;">
            <div class="test-title">选&nbsp;择&nbsp;身&nbsp;高：
                <select id="option_3" style="width:70%;padding:5px; border-radius: 5px;border: 1px solid #999;">
                    <option value="">请选择身高</option>
                    <option value="1.85~1.90">1.86~1.90</option>
                    <option value="1.91~1.95">1.91~1.95</option>
                    <option value="1.96~2.0">1.96~2.00</option>
                    <option value="2.01~2.05">2.00以上</option>
                </select>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="{BEESCRM:$is_answer}" id="is_answer">
<input type="hidden" value="{BEESCRM:$url}" id="url">
<div class="btn-bottom">
    <a href="javascript:void(0);" class="btn">提交问卷</a>
    <!--未完成测试-->
    <!--<a href="#" class="btn btn-grey">查看结果</a>-->
</div>
</div>
<include file="share"/>
<script src="/assets/activity/questionnaire/js/jquery-2.1.0.min.js"></script>
<script src="/assets/activity/questionnaire/js/swiper.min.js"></script>
<script src="/assets/activity/questionnaire/js/jq.utils.js"></script>
<script src="/assets/bower_components/sweetalert/lib/sweet-alert.min.js"></script>
<script>
    $(function () {
        var btn_bottom = $('.btn-bottom').outerHeight();
        $('.wraper').css('paddingBottom', btn_bottom+ 8);

        if ($('#is_answer').val() == 1){
            $.alert('error','您已经提交过问卷了，请勿重复提交');
            if ($('#url').val()) {
                setTimeout(function () {
                    location.href = $('#url').val();
                }, 2000);
            }
        }
    });
    function next(t){
        var $_this = $(".test-box").eq(t);
        $_this.addClass('show');
    }
    function toggle(t){
        if($(t).hasClass('single')){
            $(t).toggleClass('list-check').siblings().removeClass('list-check');
        }
        else if($(t).hasClass('textarea')){

        }
        else{
            $(t).toggleClass('list-check');
        }
        var i = $(".test-box").index($(t).parents(".test-box")) + 1;
        //console.log(i);
        setTimeout(function(){next(i);},100);
    }

    $(document).on('change','#input_3',function(){
    //$('#input_3').bind('input propertychange', function() {
            if ($('#input_3').val()*1 > 0){
            $.ajax({
                'url':'/activity/questionnaire/getCustomUserName/question_id/{BEESCRM:$questionId}',
                'type':'POST',
                'dataType':'json',
                'data':{number:$('#input_3').val()},
                'async':false,
                success:function(data){
                    $('#input_1').val(data.data);
                }
            });
        }else{
            $.alert('error','请填写正确的考生号');
        }
    });

    $(document).on('change','#option_2',function(){
        if ($('#option_1').val() != ''){
            $.ajax({
                'url':'/activity/questionnaire/getMajor/question_id/{BEESCRM:$questionId}',
                'type':'POST',
                'dataType':'json',
                'data':{source:$('#option_2 option:selected').data('id'),college:$('#option_1 option:selected').data('id')},
                'async':false,
                success:function(data){
                    $('#option_4').html(data.data);
                }
            });
        }
    });

    $(document).on('change','#option_1',function(){
        if ($('#option_2').val() != ''){
            $.ajax({
                'url':'/activity/questionnaire/getMajor/question_id/{BEESCRM:$questionId}',
                'type':'POST',
                'dataType':'json',
                'data':{source:$('#option_2 option:selected').data('id'),college:$('#option_1 option:selected').data('id')},
                'async':false,
                success:function(data){
                    $('#option_4').html(data.data);
                }
            });
        }
    });

    $(document).on('click','#radio_4 div',function(){
        var value = $(this).data('value');//身高
        if(value == '是'){
            $('#stature').show();
        }else{
            $('#stature').hide();
        }
    });

    $(document).on('click','.btn',function(){
        var input_3 = $('#input_3').val();//准考证号
        if(!input_3){
            $.alert('error','请填写考生号');
            return false;
        }

        var input_1 = $('#input_1').val();//姓名
        if(!input_1){
            $.alert('error','请填写姓名');
            return false;
        }

        var input_2 = $('#input_2').val();//手机
        if(!input_2){
            $.alert('error','请填写手机号');
            return false;
        }
        var reg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        if(!reg.test(input_2)){
            $.alert('error','请填写正确的手机号');
            return false;
        }

        //var input_4 = $('#input_4').val();//通知书
        //if(!input_4){
        //    $.alert('error','请填写通知书编号');
        //    return false;
        //}

        var option_1 = $('#option_1').val();//学院
        if(!option_1){
            $.alert('error','请选择学院');
            return false;
        }
        var option_2 = $('#option_2').val();//学院
        if(!option_2){
            $.alert('error','请选择生源类型');
            return false;
        }

        var option_4 = $('#option_4').val();//专业
        if(!option_4){
            $.alert('error','请选择专业');
            return false;
        }

        var radio_1 = $('#radio_1 .list-check').data('value');//公寓包
        if(!radio_1){
            $.alert('error','请选择是否订购学生专用床上用品');
            return false;
        }
        var radio_2 = $('#radio_2 .list-check').data('value');//空调
        if(!radio_2){
            $.alert('error','请选择是否租赁空调');
            return false;
        }
        var radio_3 = $('#radio_3 .list-check').data('value');//饮水机
        if(!radio_3){
            $.alert('error','请选择是否使用饮水机');
            return false;
        }
        var radio_4 = $('#radio_4 .list-check').data('value');//身高
        if(!radio_4){
            $.alert('error','请选择身高是否超过1.85米');
            return false;
        }
        var option_3 = $('#option_3').val();//学院
        if(radio_4 == '是' && !option_3){
            $.alert('error','请选择身高');
            return false;
        }else{
            option_3 = '1.85以下';
        }
        var radio_5 = $('#radio_5 .list-check').data('value');//楼梯
        if(!radio_5){
            $.alert('error','请选择是否方便走楼梯');
            return false;
        }

        $.ajax({
            'url':'/activity/questionnaire/doNewbornAnswer/question_id/{BEESCRM:$questionId}',
            'type':'POST',
            'dataType':'json',
            'data':{input_1:input_1,input_2:input_2,input_3:input_3,option_4:option_4,option_1:option_1,option_2:option_2,radio_1:radio_1,radio_2:radio_2,radio_3:radio_3,radio_4:radio_4,option_3:option_3,radio_5:radio_5},
            'async':false,
            success:function(data){
                if (data.status == 'S') {
                    $.alert('success', data.message);
                }else{
                    $.alert('error', data.message);
                }
                if (data.url) {
                    setTimeout(function () {
                        location.href = data.url;
                    }, 2000);
                }
            }
        });
    });
</script>
</body>
</html>
